.page-body {
 	display: flex;
 	padding: 0 !important;
 	.system {
 		margin: 30px 30px 20px;
 		height: calc(100vh - 110px);
 		overflow: auto;
		position: relative;
		.search-box {
			display: flex;
			margin: 20px 0 0;
			.btn-box {
				margin-left: 30px;
			}
		}
 	}
}
.system-title {
	font-size: 18px;
	font-weight: bold;
}

// 
.layui-form-onswitch {
	background: #01A2E4;
	border-color: #01A2E4;
}

.table-data {
	margin: 20px 0 0;
	.layui-btn {
		padding: 0 5px;
		font-size: 16px;
	}
}

.layui-table-body {
	margin: 0 !important;
}
.layui-table td, .layui-table th {
	height: 48px !important;
	border-style: hidden !important
}

.layui-input-block {
	margin-left: 100px !important;
}

.layui-prompt {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #999;
}


.layui-item {
	.layui-row {
		padding: 0 10px;
	}
	.layui-col-xs6 {
		display: flex;
		margin: 10px 0;
		> div {
			display: flex;
			align-items: center;
			line-height: 24px;
			&.title {
				width: 80px;
				font-weight: bold;
			}
			&.text {
				span {
					font-size: 12px;
					line-height: 22px;
					margin-left: 20px;
					border-radius: 5px;
					padding: 0 12px;
					&.bg-blue {
						background: #E0F6FF;
						border: 1px #01A2E4 solid;
						color: #01A2E4;
					}
					&.bg-red {
						color: #f80000;
						background: #ffdfdf;
						border:1px solid #f80000;
					}
				}
			}
		}
	}
}

.staff-info {
	font-weight: bold;
	padding: 10px 10px 30px;
}

.layui-input-flex {
	display: flex;
	align-items: center;
	span {
		margin-right: 24px;
	}
}

.tips {
	color: #999;
}

.role-box {
	margin: 20px 0;
	font-weight: bold;
}
.checkbox-box {
	margin-bottom: 30px;
	.all {
		span {
			color: #333;
			font-size: 16px;
		}
	}
	.list {
		margin-top: 14px;
		span {
			color: #333;
		}
	}
}

.m-b-10 {
	margin-bottom: 10px;
}

.layui-footer {
	position: absolute;
	bottom: 30px;
}


.owner {
	> div {
		width: 100%;
		margin-top: 20px;
		span {
			color: #01A2E4;
			margin-left: 20px;
			text-decoration: underline;
			cursor: pointer;
		}
	}
}